@import "reset.scss";
@import "common.scss";
@import "../utils/iconfont/iconfont.css";

.wrap{
    header{
        .search{
            width: getvw(266);
            height: getvw(50);
            margin:getvw(33) auto;
            position: relative;
            >input{
                font-size: getvmin(24);
                color: #777777;
                line-height: getvw(44);
                text-indent:getvmin(30);
                width: getvw(266);
                height: getvw(50);
                border-radius:getvw(25);
                border: getvw(2) solid #ff9344;
            }
            >.icon{
                font-size: getvmin(30);
                color: #ff9344;
                position: absolute;
                top:50%;
                right:5%;
                transform: translate(0 , -40%);
            }
        }
        >h3{
                font-size: getvw(25);
                text-align:center;
        }
        table{
            margin:getvw(15) auto 0;
            tr{
                td{
                    width: getvw(125);
                    height: getvw(64);
                    text-align: center;
                    line-height:getvw(64);
                    font-size:getvw(20) ;
                    color: #898989;
                    background-color: #dcdcdc;
                    border: solid #fff;
                    border-width: getvw(3) getvw(4) 0 0;

                }
            }
        }
    }
    main{
        .main-middle{
            margin: getvw(30) 0;
            display: flex;
            justify-content: space-between;
            .left-img{
                width: getvw(280);
                >img{
                    width: 100%;
                    display: block;
                }
            }
            .right-img{
                width: getvw(420);
                height: getvw(352);
                display: flex;
                flex-direction: column;
                justify-content:space-between;
                .img-top{
                    height: getvw(147);
                    >img{
                        height: 100%;
                        display: block;
                    }
                }
                .img-bottom{
                    display: flex;
                    justify-content: space-between;
                    height: getvw(197);
                        >img{
                            height: 100%;
                            display: block;
                        }
                }
            }
        }
        .main-img{
            margin:getvw(35) 0;
            display: flex;
            justify-content: space-between;
            .main-imgbox{
                width: getvw(228);
                >img{
                    width: 100%;
                    display: block;
                }
            }
        }
    }
}